﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>欢迎登录后台管理系统</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />

    <link href="./bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css">
    <script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.1.1/jquery.min.js"></script>
    <!--<script language="JavaScript" src="js/jquery.js"></script>-->version low
<script src="js/cloud.js" type="text/javascript"></script>
    <script src="./bootstrap/js/bootstrap.js" type="text/javascript"></script>

<script language="javascript">
	$(function(){
    $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
	$(window).resize(function(){  
    $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
    })
    });

    //商家注册提交错点击的时候执行的函数，来判断商家填账号和密码了没有
    function subReg() {
        let account = document.getElementById('inputAccount').value;
        let password = document.getElementById('inputPassword').value;
        let repassword = document.getElementById('inputPasswordConf').value;

        if (account == '' || password == '' || repassword == '') {
            document.getElementById("tipmess").innerHTML = '请填写完整';
            alert('账号或者密码为空');
            //返回的意思是运行到下一行就暂定，不要再继续，为什么不能继续？因为这里是判断已经为空，需要让用户再次填写

        } else {
            if (password != repassword) {

                document.getElementById("tipmess").innerHTML = '两次密码不一致';

            } else {
                //账号和密码都一致，判断账号是否已经存在
                //获取账号
                let account = document.getElementById('inputAccount').value;
                //发送ajax请求
                let obj = {mname:account,mpassword:password};
                $.ajax({
                    url: 'merchant/add',//后台商家注册的地址
                    type:'post',//后台接口的请求方式
                    data: JSON.stringify(obj),//JSON对象 转JSON字符串
                    dataType:'json',//后端给前端返回的数据格式
                    contentType:'application/json',//前端给后端的返回数据格式
                    success:function (data){
                        if (data.code == 200){
                            //注册成功可以登录
                            document.getElementById("tipmess").innerHTML = "注册成功，请登录";

                        }else{
                            //账号已经存在，不能注册，返回
                            document.getElementById("tipmess").innerHTML = "账号已经存在，请重新注册";

                        }

                    }
                })
            }
        }

    }
    //商家注册完毕需要登录的函数
    function subLogin(){
        let account = document.getElementById('inputAccountLogin').value;
        let password = document.getElementById('inputPasswordLogin').value;
        if (account == '' || password == ''){
            document.getElementById("tipmessLogin").innerHTML = '账号或密码请填写完整';

        }else{
            let obj = {mname: account, mpassword: password};
            $.ajax({
                url: 'merchant/login',//后台商家注册地址
                type: 'post',//后台接口的请求方式
                data:JSON.stringify(obj),//JSON对象转JSON字符串
                dataType:'json',//后端给前端返回的数据格式
                contentType:'application/json',//前端给后端的返回数据格式
                success:function (data) {
                    if (data.code == 200) {
                        //登录成功，界面跳转到系统内部
                        window.location.href = 'main.html';
                    }else {
                        document.getElementById("tipmessLogin").innerHTML = "账号密码不正确,请核实...";


                    }
                }


            })
        }


    }

</script> 

</head>

<body style="background-color:#1c77ac; background-image:url(images/light.png); background-repeat:no-repeat; background-position:center top; overflow:hidden;">



    <div id="mainBody">
      <div id="cloud1" class="cloud"></div>
      <div id="cloud2" class="cloud"></div>
    </div>  


<div class="logintop">    
    <span>欢迎登录后台管理界面平台</span>    
    <ul>
    <li><a href="#">回首页</a></li>
    <li><a href="#">帮助</a></li>
    <li><a href="#">关于</a></li>
    </ul>    
    </div>
    
    <div class="loginbody">
    
    <span class="systemlogo"></span> 
       
    <div class="loginbox">
    
    <ul>
    <li><input name="" type="text" class="loginuser" value="" id="inputAccountLogin"/></li>
    <li><input name="" type="password" class="loginpwd" value="" id="inputPasswordLogin"/>
        <span id="tipmessLogin"></span>
    </li>
        <li>
            <input class="loginbtn" name="" onclick="subLogin()" type="button" value="登录"/>

            <input class="loginbtn" data-target="#myModal" data-toggle="modal" name="" type="button" value="商家入驻"/>


        </li>

    </ul>

    
    </div>
    
    </div>
    
    
    
    <div class="loginbm">版权所有  2013  <a href="http://www.uimaker.com">uimaker.com</a>  仅供学习交流，勿用于任何商业用途</div>

    <!-- Modal 商家注册模板-->
    <div aria-labelledby="myModalLabel" class="modal fade" id="myModal" role="dialog" tabindex="-1">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button aria-label="Close" class="close" data-dismiss="modal" type="button"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">商家注册</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="inputAccount">账号</label>
                            <div class="col-sm-10">
                                <input class="form-control" id="inputAccount" placeholder="请输入登陆账号" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="inputPassword">密码</label>
                            <div class="col-sm-10">
                                <input class="form-control" id="inputPassword" placeholder="请输入密码" type="password">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="inputPasswordConf">确认密码</label>
                            <div class="col-sm-10">
                                <input class="form-control" id="inputPasswordConf" placeholder="请确认密码"
                                       type="password">
                            </div>
                        </div>
                        <span id="tipmess" style="color: red"></span>
                    </form>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-default" data-dismiss="modal" type="button">取消</button>
                    <button class="btn btn-primary" onclick="subReg()" type="button">注册</button>
                </div>
            </div>
        </div>
    </div>
    
</body>

</html>
